<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://xmlns.jcp.org/jsf/html"
      xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://xmlns.jcp.org/jsf/core">
    <h:head>
        
        <title>Datos de personal</title>
    </h:head>
    <h:body>
        <ui:composition template="TemplatePrincipal.xhtml">
            <ui:define name="content">
              
                <h:form rendered="#{usuarioBean.tipoUsuario == 'division'}">
                   
                    <br></br>
                </h:form>
                <f:view>
                    <h:form>
                        <p:growl id="growl" sticky="true" showDetail="true"/>
                        <p:wizard>            
                            <p:tab id="datosPer" title="Nuevo Personal">
                                <p:panel header="DATOS DE PERSONAL">
                                    
                                    <h:panelGrid columns="4">
                                        <p:outputLabel value="NOMBRE:" for="nombre" id="lNombre"/> <p:tooltip value="NOMBRE DEL USUARIO QUE SERA AGREGADO" trackMouse="true" for="lNombre"/>
                                        <p:inputText id="nombre" value="#{datosPersonal.datosPersonal.nombre}" title="NOMBRE" required="true" requiredMessage="EL CAMPO NOMBRE ES REQUERIDO"><p:message for="nombre" showDetail="true"/>
                                        </p:inputText>
                                        <p:outputLabel value="PUESTO:" for="puesto" id="lPuesto"/><p:tooltip value="PUESTO CON EL QUE CONTARA EL USUARIO QUE SERA AGREGADO" trackMouse="true" for="lPuesto"/>
                                        <h:selectOneMenu id="puesto" value="#{datosPersonal.datosPersonal.puesto}"  required="true" >  
                                            <f:selectItem itemLabel="Academia" itemValue="academia" />
                                            <f:selectItem itemLabel="Docente" itemValue="docente" />
                                            <f:selectItem itemLabel="Servicios Escolares" itemValue="servicios" />
                                            <f:selectItem itemLabel="Presidente de Academia" itemValue="presidente" />
                                            <f:selectItem itemLabel="Personal" itemValue="personal" />
                                            <f:selectItem itemLabel="Jefe de división" itemValue="jefe" />
                                            <f:selectItem itemLabel="Subdirector academico" itemValue="subdirector" />
                                            <f:selectItem itemLabel="Director" itemValue="director" />
                                            <f:selectItem itemLabel="Trabajador" itemValue="trabajador" />
                                            <f:selectItem itemLabel="Vinculación y difusión" itemValue="vinculacion" />
                                        </h:selectOneMenu><h:outputLabel value=""/>
                                        
                                        <p:outputLabel value="CARRERA:" for="carrera"/><p:tooltip value="CARRERA DEL USUARIO AGREGADO" trackMouse="true" for="lCarrera"/>
                                        <h:selectOneMenu id="carrera" value="#{datosPersonal.datosPersonal.carrera}" required="true">
                                            <f:selectItem itemLabel="INGENIERÍA EN SISTEMAS COMPUTACIONALES" itemValue="INGENIERÍA EN SISTEMAS COMPUTACIONALES"/>
                                            <f:selectItem itemLabel="INGENIERÍA EN GESTIÓN EMPRESARIAL" itemValue="INGENIERÍA EN GESTIÓN EMPRESARIAL"/>
                                            <f:selectItem itemLabel="INGENIERÍA EN MECATRÓNICA" itemValue="INGENIERÍA EN MECATRÓNICA"/>
                                            <f:selectItem itemLabel="INGENIERÍA EN ELECTRÓNICA" itemValue="INGENIERÍA ELECTRÓNICA"/>
                                            <f:selectItem itemLabel="INGENIERÍA EN ANIMACIÓN DIGITAL Y EFECTOS VISUALES" itemValue="INGENIERÍA EN ANIMACIÓN DIGITAL Y EFECTOS VISUALES"/>
                                            <f:selectItem itemLabel="INGENIERÍA INDUSTRIAL" itemValue="industrial"/>
                                            <f:selectItem itemLabel="Otro" itemValue="otro"/>
                                            
                                        </h:selectOneMenu><h:outputLabel value=""/>
                                                           
                                    </h:panelGrid>          
                                </p:panel>
                            </p:tab> 
                            <p:tab id="confirmarEmp" title="confirmar Personal">
                                <p:panel header="CONFIRMAR DATOS">
                                    <p:messages />
                                    <h:panelGrid columns="2">
                                        
                                        <h:outputText value="NOMBRE:"/>
                                        <h:outputText value="#{datosPersonal.datosPersonal.nombre}" title="Nombre"/>
                                        <h:outputText value="PUESTO:"/>
                                        <h:outputText value="#{datosPersonal.datosPersonal.puesto}" title="Puesto"/>
                                        <h:outputText value="CARRERA:"/>
                                        <h:outputText value="#{datosPersonal.datosPersonal.carrera}" title="Carrera"/>

                                        
                                    </h:panelGrid>
                                    
                                </p:panel>
                                
                            </p:tab>
                        </p:wizard>
                    </h:form>
                </f:view>
            </ui:define>
        </ui:composition>
    </h:body>
</html>

